<div id="header">
  <div id="login">
     <p><span class="p1">欢迎来天天书屋！<a href="login.html"><img  src="images/login1.gif" />请登录</a> <a href="regsiter.html"><img  src="images/login1.gif" />免费注册</a></span><span class="p2"> <a href="gouwuche.html"><img  src="images/login2.gif" />购物车</a> <a href="dingdan.html"><img  src="images/login2.gif" />我的订单</a></span></a> </p>
  </div>
  <div id="logo">
    <h1><img src="images/logo.gif" />各种好看的图书尽在天天书屋</h1>
  </div>
  <form action="" method="get" style="background-color:#0C6; width:300px; height:30px; margin:20px 30px 0px 0px; padding-top:10px; float:right; padding-left:10px;">
    热门搜索：
    <input name="" type="text" value="输入关键字" />
    <input name="搜索" type="button" id="搜索" value="搜索" />
  </form>
</div>
<div id="nav" >
  <ul>
    <li><a href="index.html">首页</a></li>
    <li><a href="yuding.html">新书预售</a></li>
    <li><a href="yuding.html">推荐图书</a></li>
    <li><a href="yuding.html">科技图书</a></li>
    <li><a href="yuding.html">教育图书</a></li>
    <li><a href="yuding.html">文艺图书</a></li>
    <li><a href="yuding.html">青春图书</a></li>
    <li><a href="yuding.html">励志图书</a></li>
    <li><a href="yuding.html">生活图书</a></li>
    <li><a href="yuding.html">管理图书</a></li>
  </ul>
</div>